<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>师生商场</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
    <header class="clearfix">
        <div class="container clearfix">
            <div class="logo fl">
                <a href="#"><img src="../images/logo.png" alt=""></a>
            </div>
            <div class="nav-select fl">
                <div class="select-input ">师生商场</div>
                <span class="line hide"></span>
                <ul class="hide">
                    <li ><a href="index.html">首页</a></li>
                    <li ><a href="college.html">网院</a></li>
                    <li><a href="find-course.html">找课程</a></li>
                    <li><a href="inquiry.html">专家问诊</a></li>
                    <li><a href="free-course.html">免费课程</a></li>
                    <li class="active"><a href="goods-list.html">师生商城</a></li>
                    <li ><a href="bbs.html">找论坛</a></li>
                    <li ><a href="find-teacher.html">找老师</a></li>
                </ul>
            </div>
            <div class="fr">
                <div class="search fl">
                    <div class="dropdown fl">
                        <select name="" id="">
                            <option value="">课程</option>
                            <option value="">老师</option>
                        </select>
                    </div>
                    <div class="search-box fl">
                        <input type="text">
                        <i class="iconfont">&#xe641;</i>
                    </div>
                </div>
                <div class="fl header-nav">
                    <ul>

                        <li><a href="#">我的主页</a></li>
                        <li><a href="#">管理中心</a></li>
                        <li><a href="#"><i class="iconfont">&#xe62e;</i></a></li>
                        <li><a href="#">退出</a></li>
                    </ul>
                </div>
            </div>
        </div> 
    </header>
    <div class="main clearfix no-shadow">
        <div class="container clearfix">
            <div class="cart-content">
                <div class="clearfix cart-title">
                    <h3 class="fl">商品购物车</h3>
                    <div class="fr">共<span class="red-color">2</span>件商品，价格一共28块（运费：2.00）</div>
                </div>
                <div class="cart-choose-bar checkbox">
                  <label>
                    <input type="checkbox" id="checkAll"> 全选
                    <span style="margin-left:20px;">
                        <a href="javascript:openClearDialog();" style="color: #F06373;">清空购物车</a>
                    </span>
                  </label>
                </div>
                <div class="cart-list mart20">
                    <table>
                        <thead>
                            <tr>
                                <th>商品信息</th>
                                <th>单价</th>
                                <th>数量</th>
                                <th>金额</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="goods-name">
                                    <input type="checkbox" id="checkbox58" name="chkItem">
                                    <img src="../images/01_mid.jpg" alt="" />
                                    <span>笔记本</span>
                                </td>
                                <td>￥<span class="price">14</span></td>
                                <td class="goods-num " width="20%">
                                    <a href="javascript:void(0);"class="iconfont icon-off fl addgoods"  onclick="changeGoodsNum(1)"></a>
                                    <input type="text" value="1" class="fl" id="goodsNum"/>
                                    <a href="javascript:void(0);" class="iconfont icon-jiajian- fl mingoods" onclick="changeGoodsNum(0)" ></a>
                                </td>
                                <td>￥<span class="total-price">14</span></td>
                                <td class="operation"><a href="javascript:void(0);" class="iconfont icon-delete"></a></td>
                            </tr>
                            <tr>
                                <td class="goods-name">
                                    <input type="checkbox" id="checkbox58" name="chkItem">
                                    <img src="../images/01_mid.jpg" alt="" />
                                    <span>笔记本</span>
                                </td>
                                <td>￥14</td>
                                <td class="goods-num " width="20%">
                                    <a href="javascript:void(0);"class="iconfont icon-off fl addgoods"  onclick="changeGoodsNum(1)"></a>
                                    <input type="text" value="1" class="fl" id="goodsNum"/>
                                    <a href="javascript:void(0);" class="iconfont icon-jiajian- fl mingoods" onclick="changeGoodsNum(0,this)" ></a>
                                </td>
                                <td>￥14</td>
                                <td class="operation"><a href="javascript:void(0);" class="iconfont icon-delete"></a></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="introduce">
        <div class="container">
            <div class="top clearfix">
                <div class="logo fl"><a href="#"><img src="../images/logo.png" alt=""></a></div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>客户端下载</p>
                </div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>微信公众号</p>
                </div>
                <div class="fl contact">
                    <p><i class="iconfont">&#xe618;</i>020-32146993</p>
                    <p><i class="iconfont">&#xe61b;</i>4903 Deangel Row Suite 838</p>
                    <p><i class="iconfont">&#xe639;</i>support@company.com</p>
                </div>
            </div>
            <div class="contact-ul clearfix">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">服务协议</a></li>
                </ul>
            </div>
            <div class="footline">
                <img src="../images/footer_end.png" alt="">
            </div>
        </div>
    </div>
    <footer>
        <p>广州市家合教育科技有限公司</p>
        <p>地址：广州市增城大道69号万达广场金街9栋201-204 粤ICP备16098091号</p>
    </footer>
    <!-- 清除购物车 -->
   <div id="clearDiv" class="x_opacity_bg" style="display:none;">
        <table class="x_lytable">
            <tbody>
                <tr>
                    <td class="x_lytd">
                        <div class="x_check_confirm x_check_confirm_first">
                            <div class="x_check"><strong>清空购物车</strong><span class="float-right padding-right">
                                <a href="javascript:void(0);" class="iconfont icon-delete red-color fr "></a>
                            </span></div>
                            <div class="content" style="text-align: center;">
                                确认清空购物车？
                            </div>
                            <div id="exchangeButtom" class="foot">
                                <a class="a_btn margin-left" style="cursor: pointer;text-decoration: none;color: white;" href="javascript:clearGoods();">确认</a>
                                <a class="a_btn margin-right" style="cursor: pointer;text-decoration: none;color: white;" onclick="clearCancel();" href="javascript:void(0);">取消</a>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/conn.js"></script>
<script src="../js/jquery.imagezoom.js" type="text/javascript"></script>
<script src="../js/cart.js" type="text/javascript"></script>
